<div ng-controller="TagController">
	<h1>Tags</h1>
	<p>Management of all tags.</p>
	<p class="delimiter"></p>
	<h2>Create a new tag</h2>
	<form id="tagForm" name="tagForm">
		<label for="taglabel">Tag:</label>&nbsp;&nbsp;<input id="label" ng-model="currentTag.label" required />&nbsp;<button id="save" ng-click="save()" ng-disabled="tagForm.$invalid">Save this Tag</button><button id="cancel" ng-click="cancel()">Cancel</button>
	</form>
	<p class="delimiter"></p>
	<h2>Editing and deleting of saved tags</h2>
	<form id="listTagForm" name="listTagForm">
		<table border="1">
			<thead>
				<tr>
					<th>Tag</th>
					<th>Edit</th>
					<th>Delete</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="tag in tags">
					<td width="200px">{{tag.id}} - {{tag.label}}</td>
					<td><button id="edit" ng-click="edit(tag)">Edit Tag</button></td>
					<td><button id="delete" ng-click="remove($index, tag.id)">Delete Tag</button></td>
				</tr>
			</tbody>
		</table>
	</form>
</div>